<nz-spin *ngIf="isLoading" class="modal-spin"></nz-spin>
<h2><i class="anticon anticon-shopping-cart"></i> 订单信息（{{entity.status|dicsNamePipe:orderStatusOption}}） <span style="float: right;" *ngIf="!isLoading && entity.agent">渠道：{{entity.agent.name}}({{entity.agent.phone}})</span><span style="float: right;" *ngIf="!isLoading && !entity.agent">平台收取</span></h2>
<desc-list [col]="4" style="margin-bottom: 16px;" *ngIf="!isLoading">
  <desc-list-item term="订单号">{{ entity.orderNo }}</desc-list-item>
  <desc-list-item term="商品总价(￥)">{{entity.goodsPrice}}</desc-list-item>
  <desc-list-item term="邮费(￥)">{{entity.postage}}</desc-list-item>
  <desc-list-item term="订单总价(￥)">{{entity.totalPrice}}</desc-list-item>
</desc-list>
<p style="margin-top: 16px;color:#000;">备注信息：{{entity.remark}}</p>
<nz-table #basicTable [nzData]="orderGoods" [nzShowPagination]="false">
  <thead>
  <tr>
    <th  style="max-width: 460px;">商品名称</th>
    <th>商品单价(￥)</th>
    <th>商品数量</th>
    <th>商品总价(￥)</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of basicTable.data">
    <td style="max-width: 460px;">{{data.title}}</td>
    <td>{{data.price}}</td>
    <td>{{data.quantity}}</td>
    <td>{{data.totalPrice}}</td>
  </tr>
  </tbody>
</nz-table>
<h2><i class="anticon anticon-exception"></i>  收件人信息</h2>
<desc-list *ngIf="!isLoading">
  <desc-list-item term="收件人姓名">{{entity.postalName}}</desc-list-item>
  <desc-list-item term="收件人电话">{{entity.postalPhone}}</desc-list-item>
  <desc-list-item term="收件人邮编">{{entity.postalCode}}</desc-list-item>
</desc-list>
<p style="margin-top: 16px;color:#000;">收货地址：{{entity.postalAddress}}</p>
<h2><i class="anticon anticon-car"></i>  物流信息</h2>
<desc-list *ngIf="!isLoading">
  <desc-list-item term="物流">{{entity.logistics}}</desc-list-item>
  <desc-list-item term="快递单号">{{entity.expressNo}}</desc-list-item>
</desc-list>

<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
</div>
